<!DOCTYPE html>
<html>
<head>
	<title>用户登录模板</title>

	<meta name="keywords" content="用户登录模板"/>
	
	<meta name="description" content="最全的用户登录模板下载网站http://cn.inspinia.cn"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/style.css"  rel="stylesheet" type="text/css" media="all" />
<!-- //Custom Theme files -->
</head>
<body>
	<!-- main -->
	<div class="main">
		<h1>Multiple Login Forms</h1>
		<!-- login form one -->
		<div class="login-form">  
			<div class="agile-row">
				<h2>Hello !</h2>   
				<div class="login-agileits-top"> 
					<form action="#" method="post"> 
						<div class="input-row">
							<input type="text" class="user" name="User Name" placeholder="User Name" required=""/> 
							<input type="password" class="password" name="Password" placeholder="Password" required=""/>	
						</div>	
						<div class="agileits-row2">
							<input type="checkbox" id="brand" value="">
							<label for="brand"><span></span> Remember me</label> 
						</div>	
						<input type="submit" value="LOGIN">
					</form>  
				</div>
				<div class="login-agileits-bottom"> 
					<p><a href="#">Forgot password ?</a></p>  
					<p class="w3ls-line">Don't have an Account ? <a href="#">Register Now !</a></p>
				</div> 
			</div>  
		</div>
		<!-- login form two -->	
		<div class="login-form login-form-two"> 
			<div class="agile-row">
				<h3>Hello !</h3> 
				<div class="login-agileits-top"> 	
					<form action="#" method="post">
						<div class="input-row"> 
							<input type="text" class="email" name="Email" placeholder="Enter Your Email" required=""/>
							<input type="password" class="password" name="Password" placeholder="Password" required=""/>	
						</div> 
						<div class="agileits-row2">
							<input type="checkbox" id="brand1" value="">
							<label for="brand1"><span></span>I accept the terms Use</label> 
						</div>
						<input type="submit" value="SIGN IN">
					</form> 	
				</div>
				<div class="agileits-bottom-two"> 
					<p><a href="#">Not a member yet ?</a></p>   
				</div> 
				<div class="social-icons">
					<ul> 
						<li><a href="#"><span class="icons"></span><span class="text">Sign in with Facebook</span></a></li>
						<li class="twt"><a href="#"><span class="icons"></span><span class="text">Sign in with Twitter</span></a></li>  
					</ul> 
					<div class="clear"> </div>
				</div>	
			</div>  
		</div> 
		<!-- login form three -->
		<div class="login-form login-form-three"> 
			<div class="agile-row">
				<h3>Hello !</h3> 
				<div class="login-agileits-top"> 	
					<form action="#" method="post">
						<div class="input-row"> 
							<input type="text" class="email" name="Email" placeholder="Enter Your Email" required=""/>
							<input type="password" class="password" name="Password" placeholder="Password" required=""/>	
						</div> 
						<div class="agileits-row2">
							<input type="checkbox" id="brand2" value="">
							<label for="brand2"><span></span>I accept the terms Use</label> 
						</div>
						<input type="submit" value="SIGN IN">
					</form> 	
				</div>
				<div class="login-agileits-bottom"> 
					<p><a href="#">Forgot password ?</a></p>   
					<p class="w3ls-line">Don't have an Account ? <a href="#">Register Now !</a></p>
				</div> 
				<div class="social-icons">
					<ul>  
						<li class="twt"><a href="#"><span class="icons"></span><span class="text">Sign in with Twitter</span></a></li>  
					</ul> 
					<div class="clear"> </div>
				</div>	
			</div>  
		</div> 
		<div class="clearfix"> </div>
	</div>	
	<!-- //main -->
	<!-- copyright -->
	<div class="copyright">
		<p> © 2016 Multiple Login Forms . All rights reserved | Design by <a href="https://shop585798004.taobao.com/" target="_blank">前端ui</a></p>
	</div>
	<!-- //copyright --> 
</body>
</html>